草庐IT

Bootstrap 分页

全部标签

javascript - 将 Bootstrap 工具提示设置为 AJAX 调用结果

我有一个bootstrap我想从AJAX请求加载数据的工具提示,请求中的文本是工具提示的title属性。我的AJAX请求工作正常,但我有两个问题:为什么来自AJAX调用的数据没有进入工具提示?如何使用我的ttManager对象来封装工具提示的状态?目前,当页面首次加载并且我在控制台中单击#btnSubmit时,我看到成功并且来自console.log(ttManager)行的正确数据$(document).ready(function(){//thisobject'stitleattributewillbethevalueofttManager.titleseenbelowvarttM

javascript - 使用 UI Router 进行分页时如何更改 URL?

我有一个使用AngularUI-Router的AngularJS项目,进展顺利,但我正在尝试实现UIBootstrap分页指令,但无法制定出正确的策略。我有一个数据表,一次显示一页,并且我有分页指令显示正确的页面链接数。当您单击链接时,它会获取新的页码并调用Restangular来获取新记录并将它们绑定(bind)到表中。一切正常,但很明显,当您翻阅数据时,URL不会更改,因此用户无法使用浏览器的后退/前进按钮来浏览他们的历史记录。理想情况下,我想使用以下URL:/contacts/contacts/page-2/contacts/page-3我还想在URL中包含排序,但这是另一个问题

javascript - Bootstrap 按钮超链接

我不想使用元素将按钮转换为超链接。我有以下按钮:FirstbuttonSecondbutton如何指定超链接(不使用)并在单击按钮时浏览到页面 最佳答案 您可以将JavaScript用于您的解决方案。window.location.href设置按钮的URL。Firstbutton 关于javascript-Bootstrap按钮超链接,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions

javascript - Rails 4 - jQuery 和 bootstrap 的顺序是什么?

我正在尝试弄清楚如何在我的application.js中加载Assets。我的application.js中有这些必需的文件(以及其他文件)。//=requirebootstrap-sprockets//=requirejquery//=requirejquery-ui//=requirejquery_ujs我的gem文件有:gem'jquery-rails'gem'jquery-ui-rails'当bootstrap-sprockets在jQuery之前时,我的bootstrap下拉菜单(如下)工作正常。STATUS:"padding-left:20px;padding-right:

javascript - 模态是 bootstrap4 alpha6 模态的转换错误

我正在使用bootstrap4alpha6Modal,我得到:Error:Modalistransitioning当我尝试通过JavaScript函数再次使用动态数据重新触发相同模式时会发生这种情况,如下所示:functionopenModal(title,text){$('.modal-title').text(title);$('.modal-bodyp').text(text);$('#modalAlert').modal('show');}我尝试使用setTimeout函数,但没有像本文中那样工作:https://github.com/twbs/bootstrap/issues

javascript 表排序/分页(客户端)。多大算太大?

我正在使用一个名为Tablesorter的jQuery插件在我的一个应用程序中对日志表进行客户端排序。我也在使用tablepager插件。我真的很喜欢客户端排序和分页给聚会带来的响应能力。我还喜欢您不必反复访问Web服务器或数据库的方式。但是我可以看到,随着时间的推移,我显示的日志可能会变得非常大。我敢肯定,客户端分页和排序将变得不切实际。这项技术将在什么时候开始在其自身重量下崩溃?500条记录?2000条记录?10,000条记录?编辑:简而言之,您将使用什么标准来确定您是否要使用客户端排序/分页而不是服务器端分页?预期结果集的大小是否会影响您的决定?临界点在哪里?

javascript - 如何在不首先闪烁第一个选项卡的情况下加载以在页面加载时显示 Bootstrap 选项卡?

我有一个看起来像这样的导航栏:PersonalInfoContacts/SiblingsState/FederalEthnicityPlacementMedicalSchoolRelease我有一些设置正确事件选项卡的javascript代码:$(document).ready(function(){varhash=window.location.hash;if(hash){varselectedTab=$('.navlia[href="'+hash+'"]');selectedTab.trigger('click',true);}});上面的代码运行良好(忽略.trigger()的第

javascript - 导航折叠不起作用 [Twitter Bootstrap]

好吧,我只是想做一个基本的导航栏,就像他们在主Bootstrap站点上做的那样。问题是由于某种原因它不工作。我的代码几乎和他们一样。当我调整窗口大小时,导航消失了,但右上角带有三个栏的图标没有显示。所以本质上导航只是被隐藏了。对此有什么想法吗? 最佳答案 想通了!对于任何好奇的人,请确保在bootstrap-responsive.css之前链接bootstrap.css 关于javascript-导航折叠不起作用[TwitterBootstrap],我们在StackOverflow上找到

javascript - 延迟链接 Twitter Bootstrap 模态 ('hide' )

我正在显示一个简单的Bootstrap模态,底部有一个“结帐”按钮。点击我想要的按钮:关闭模式,例如$('#myModal').modal('隐藏')等到动画结束将window.location.href更改为我的“checkout”页面。如果不立即运行下一个函数,我似乎无法找到一种链接方式,例如$('#myModal').modal('hide').each(function(){window.location.href='/checkout';});或者我认为delay()可能会有所帮助,例如$('#myModal').modal('hide').delay(1000).each(

javascript - 在没有动画的情况下将进度条重置为零(在 Bootstrap 中)

我有多个操作要执行,我正在使用Bootstrap进度条来显示每个操作的进度。每个Action完成后,使用下面的代码行将进度条设置为零$('.progress').attr('样式',"宽度:0%")但是,这个动画是相反的,对于用户来说,应用程序似乎正在撤消之前执行的操作。如何在没有反向动画效果的情况下立即重置进度条? 最佳答案 您可以删除进度条的转换,如thisanswer中所述.notransition{-webkit-transition:none!important;-moz-transition:none!important